/* 
    Created on : 12/05/2014, 15:15:29
    Author     : ednardomatos
*/

::selection{ background-color: #E13300; color: white; }
::moz-selection{ background-color: #E13300; color: white; }
::webkit-selection{ background-color: #E13300; color: white; }

body {
    background-color: #fff;
    margin: 0 30px;
    font: 13px/20px normal Helvetica, Arial, sans-serif;
    color: #4F5155;
}

a {
    color: #003399;
    background-color: transparent;
    font-weight: normal;
}

#topo {
/*    background: repeating-linear-gradient(
        45deg,
        #ccc,
        #ccc 10px,
        #aaa 10px,
        #aaa 20px
    );*/
    margin-bottom: 14px;
    border-bottom: 1px solid #A0A0A0;
}

#topo #esquerdo {
    width: 40%;
    float: left;
    height: 95px;
}

#topo #direito {
    width: 59%;
    float: right;
    height: 95px;
    text-align: right;
    line-height: 70px;
}

#topo #esquerdo a, #topo #direito span {
    display: block;
    margin: 15px 15px 0 15px;
}

#topo #direito span {
    color: #6D6D6D;
    font-size: 32px;
}

h1 {
    color: #6D6D6D;
    background-color: transparent;
    border-bottom: 1px solid #A0A0A0;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding: 10px 15px 10px 8px;
}

code {
    font-family: Consolas, Monaco, Courier New, Courier, monospace;
    font-size: 12px;
    background-color: #f9f9f9;
    border: 1px solid #A0A0A0;
    color: #002166;
    display: block;
    margin: 14px 0 14px 0;
    padding: 12px 10px 12px 10px;
}

#loginBar {
    width: 30%;
    float: right;
    font-weight: bold;
    background-color: #CCCCCC;
}

#loginBar #logoutButton, #loginBar #userButton {
    float: right;
    margin: 3px 8px;
    cursor: pointer;
}

#loginBar #logoutButton {
    margin: 3px 8px;
    background: url("../imgs/sair.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#loginBar #logoutButton span {
    margin-left: 22px;
}

#menu {
    height: 26px;
    border: 1px solid #A0A0A0;
}

#menu ul {
    width: 70%;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background-color: #CCCCCC;
}

#menu ul:first-child li {
    display: inline-block;
}

#menu ul li {
    position: relative;
}

#menu li ul {
    top: 26px;
    left: 20px;
    display: none;
    position: absolute;
    border: 1px solid #A0A0A0;
}

#menu li li ul {
    top: 6px;
    left: 90px;
}

#menu > ul > li:hover > ul, #menu > ul > li > ul > li:hover > ul {
    display: block;
}

#menu ul li a {
    width: 110px;
    display: block;
    color: #4F5155;
    font-weight: bold;
    text-decoration: none;
    background-color:#CCCCCC;
    padding: 2px 10px 1px 10px;
    border-bottom: 3px solid #CCCCCC;
}

#menu ul:first-child > li > a {
    width: 70px;
    text-align: center;
    display: inline-block;
}

#menu ul li a:hover {
    color: #6D6D6D;
    display: inline-block;
    background-color: #EEEEEE;
    border-bottom: 3px solid #EA0000;
}

#body {
    margin: 0 15px 0 15px;
}

#container {
    margin: 14px 0;
    border: 1px solid #A0A0A0;
    -webkit-box-shadow: 0 0 8px #A0A0A0;
}

#container p {
    padding-left: 6px;
}

.ui-widget-content, .ui-widget-header, .ui-tabs .ui-tabs-nav li {
    border: 1px solid #A0A0A0;
}

.ui-tabs .ui-tabs-nav li {
    border-bottom: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0.3em 1em;
}

.formCadastro {
    padding: 0 8px 12px;
    margin-top: 12px;
}

table.dataTable.hover tbody tr.even, table.dataTable.display tbody tr.even,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #FFFFFF;
}

table.dataTable.hover tbody tr:hover, table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.even:hover,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even:hover > .sorting_1 {
    background: #EEEEEE;
}

.dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input {
    border: 1px solid #A0A0A0;
} 

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    padding: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 1em;
    padding: 0.1em 0.3em;
}

table.dataTable thead .sorting {
    background: url("../imgs/sort_both.png") no-repeat scroll right center #CCCCCC;
}

table.dataTable thead .sorting_asc {
    background: url("../imgs/sort_asc.png") no-repeat scroll right center #CCCCCC;
}

table.dataTable thead .sorting_desc {
    background: url("../imgs/sort_desc.png") no-repeat scroll right center #CCCCCC;
}

table.listagem {
    width: 100%;
    margin-left: -1px;
    border-color: #A0A0A0;
    border-collapse:collapse;
}

table.listagem.no-footer, table.listagem thead th, table.listagem thead td
table.listagem tbody th, table.listagem tbody td {
    border-color: #A0A0A0;
}

table.listagem thead th, table.listagem thead td, table.listagem tbody td, table.listagem tbody th {
    padding: 4px 10px;
}

table.listagem thead th {
    background-color: #CCCCCC;
}

table.listagem td.center {
    padding: 0;
}

table.listagem td.center a, table.listagem td.center .formExcluir {
    height: 24px;
    display: block;
    cursor: pointer;
}

table.listagem td.center a img, table.listagem td.center .formExcluir img {
    height: 24px;
}

.ui-tabs .ui-tabs-panel {
    padding: 8px;
}

input[readonly] {
    background-color: #EBEBEB;
}

.formCadastro label {
    margin: 4px 0 0 4px;
}

.formCadastro > label::after, .formCadastro > fieldset > label::after {
    content: ':';
}

.formCadastro input[type=text], .formCadastro input[type=password], .formCadastro select, .formCadastro textarea {
    color: #444444;
    display: block;
    border-radius: 2px;
    margin: 0 0 6px 4px;
    border: 1px solid #A0A0A0;
}

.formCadastro .radioButton input[type=radio] {
    margin: 4px 0 12px 4px;
}

.formCadastro input[type=submit], .formCadastro input[type=button], .formCadastro input[type=reset] {
    color: #0073EA;
    cursor: pointer;
    padding: 1px 6px;
    border-radius: 2px;
    margin: 10px 0 10px 4px;
    border: 1px solid #A0A0A0;
    background-color: #F6F6F6;
}

.formCadastro input[type=submit]:hover, .formCadastro input[type=button]:hover, .formCadastro input[type=reset]:hover {
    color: #FFFFFF;
    background: #0073EA url("../imgs/ui-bg_highlight-soft_25_0073ea_1x100.png");
}

.formCadastro input[type=text].inputError {
    border-color: #FFAAAA;
    background-color: #FFCCCC;
}

.formCadastro .inputReadonly {
    color: #535353;
    cursor: not-allowed;
    background-color: #E3E3E3;
}

textarea {
    resize: none;
    margin-left: 4px;
    border: 1px solid #A0A0A0;
}

#validacao {
    margin: 10px 0 10px 12px;
}

#validacao .info, #validacao .error {
    padding: 4px 8px;
    font-weight: bold;
    border: 1px solid;
    border-radius: 2px;
}

#validacao .info {
    color: #3A87AD;
    border-color: #BBBBFF;
    background-color: #D9EDF7;
}

#validacao .error {
    color: #B94A48;
    border-color: #FFAAAA;
    background-color: #F2DEDE;
}

p.rodape {
    text-align: right;
    font-size: 11px;
    border-top: 1px solid #A0A0A0;
    line-height: 32px;
    padding: 0 10px 0 10px;
    margin: 20px 0 0 0;
}

.formCadastro div.linha {
	display: block;
}

.formCadastro div.linha input {
	display: inline;
}

